<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet/less" href="./css/style.less">
    <link rel="stylesheet" href="./css/swiper.min.css">
    <link rel="stylesheet/less" href="./css/dropdown.less">
</head>
<body>
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.html">Tour</a>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

                <ul class="nav navbar-nav navbar-right">
                    <li><a href="index.html">Home</a></li>
                    <li><a href="Dropdown.html">Dropdown</a></li>
                    <li><a href="Services.html">Services</a></li>
                    <li><a href="Contact.html">Contact Us</a></li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>
    <div class="head">
        <div class="text-center">
            <h1>Dropdown</h1>
            <p class="far">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia,
                there live the blind texts.</p>
        </div>
    </div>
    <div class="body">
        <div class="contance">
            <div class="row">
                <div class="Accordion col-sm-6 col-xs-11">
                    <div class="one">
                        <div class="Head">Accordion</div>
                        <div class="Text oneT">
                            <p class="oneH">How to download and register?</p>
                            <span class="oneB">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</span>
                        </div>
                        <div class="Text twoT">
                            <p class="twoH">How to create your paypal account?</p>
                            <span class="twoB">A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</span>
                        </div>
                        <div class="Text threeT">
                            <p class="threeH">How to link your paypal and bank account?</p>
                            <span class="threeB">When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then she continued her way.</span>
                        </div>
                        <div class="Head">Gallery</div>
                    <div class="images">
                        <img src="./image/gal_1.jpg" alt="">
                        <img src="./image/gal_2.jpg" alt="">
                        <img src="./image/gal_3.jpg" alt="">
                        <img src="./image/gal_4.jpg" alt="">
                        <img src="./image/gal_5.jpg" alt="">
                        <img src="./image/gal_6.jpg" alt="">

                    </div>
                    </div>
                    
                </div>
                
                <div class="Form col-sm-6 col-xs-11">
                    <div class="Head">Form</div>
                    <form>
                        <div class="row">
                            <div class="first col-lg-6">
                                <p>Frist name</p>
                                <input type="text" name="fName" class="fName ipt">
                            </div>
                            <div class="last col-lg-6">
                                <p>Last name</p>
                                <input type="text" name="lName" class="lName ipt">
                            </div>
                            <div class="email col-lg-6">
                                <p>Email address</p>
                                <input type="email" name="eMail" class="eMail ipt">
                            </div>
                            <div class="message col-lg-12">
                                <p>Message</p>
                                <textarea name="Text" class="Text" ></textarea>
                            </div>
                            <div class="Send col-lg-3">
                                <input type="button" value="Send Message" class="sText">
                            </div>
                        </div>
                    </form>
                </div>
                
                
            </div>
        </div>
    </div>

    <div class="Team">
        <div class="contance">
        <h2 class="onhead">Our Services</h2>
        <div class="ima">
            <div class="lis">
                <img src="./image/person_1.jpg" alt="">
                <div class="name">James Watson</div>
                <div class="work">Co-Founder & CEO</div>
            </div>
            <div class="lis">
                <img src="./image/person_2.jpg" alt="">
                <div class="name">Carl Anderson</div>
                <div class="work">Co-Founder & CEO</div>
            </div>
            <div class="lis">
                <img src="./image/person_3.jpg" alt="">
                <div class="name">Michelle Allison</div>
                <div class="work">Co-Founder & CEO</div>
            </div>
            <div class="lis">
                <img src="./image/person_4.jpg" alt="">
                <div class="name">Drew Wood</div>
                <div class="work">Co-Founder & CEO</div>
            </div>
        </div>
    </div>
    </div>

    <div class="cta-section">
        <div class="text-center">
            <div class="US-now">Lets you Explore the Best. Contact Us Now</div>
            <div class="excepturi">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi, fugit?</div>
            <div class="GetTouch">Get in touch</div>
        </div>
    </div>

    <div class="foot">
        <div class="text-center">
            <div class="row">
                <div class="col-lg-4 col-md-4 col-sm-6 cont">
                    <div class="Tour">About Tour</div>
                    <div class="Far">Far far away, behind the word mountains, far from the countries Vokalia and
                        Consonantia, there live the blind texts.</div>
                    <div class="icon">
                        <img src="./image/推特(twitter)_爱给网_aigei_com.png" alt="">
                        <img src="./image/脸谱网(facebook)_爱给网_aigei_com.png" alt="">
                        <img src="./image/照相机_爱给网_aigei_com.png" alt="">
                    </div>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-6 cont">
                    <div class="item">Pages</div>
                    <div class="item">Blog</div>
                    <div class="item">About</div>
                    <div class="item">Contact</div>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-6 cont">
                    <div class="item">Resources</div>
                    <div class="item">Blog</div>
                    <div class="item">About</div>
                    <div class="item">Contact</div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6 cont">
                    <div class="item">Contact</div>
                    <div class="hunhe yx">mail@example.com</div>
                    <div class="hunhe dh">+1 222 212 3819</div>
                    <div class="hunhe dz">43 Raymouth Rd. Baltemoer,London 3910</div>
                </div>
            </div>
            <div class="innerDark">Copyright ©2023. All Rights Reserved. — Designed with love by Untree.co</div>
        </div>
    </div>
</body>
</html>
<script src="./js/jquery-1.12.4.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/less-4.1.3.js"></script>
<script src="./js/swiper-bundle.min.js"></script>